<?php 
	$boolstr = array();
        $boolstr[0] = 'false';
        $boolstr[1] = 'true';
        
        $lines = 11;    //lines per page
        
	if (isset($_GET['pageno'])) {
            $pageno = $_GET['pageno'];
            $no_page = true;
        } else {
            $no_page = false;
            $pageno = 1;
        }
?>
<!doctype html>
<html lang="en" class="no-js">
    <head>
        <meta charset="utf-8">
        <!--[if IE]><![endif]-->

        <!-- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> -->
        <title>Beer Exchange</title>
        <meta name="description" content="Beer Exchange">
        <meta name="author" content="Chen Bin">
        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">
        <link rel="stylesheet" href="css/style.css">

        <script src="js/modernizr-1.5.min.js"></script>
		<script src="js/jBeep.js"></script>
		<script type="text/javascript">
			window.onload = maxWindow;

			function maxWindow() {
				//window.moveTo(0, 0);


				if (document.all) {
					top.window.resizeTo(screen.availWidth, screen.availHeight);
				}

				else if (document.layers || document.getElementById) {
					if (top.window.outerHeight < screen.availHeight || top.window.outerWidth < screen.availWidth) {
						top.window.outerHeight = screen.availHeight;
						top.window.outerWidth = screen.availWidth;
					}
				}
			}
		</script>
        <script>
            window.page = <?php echo $pageno; ?>;
            window.lines = <?php echo $lines; ?>;
            window.no_pages = <?php echo $boolstr[$no_page]; ?>;
        </script>
    </head>
    <!--[if lt IE 7 ]> <body class="ie6"> <![endif]-->
    <!--[if IE 7 ]>    <body class="ie7"> <![endif]-->
    <!--[if IE 8 ]>    <body class="ie8"> <![endif]-->
    <!--[if IE 9 ]>    <body class="ie9"> <![endif]-->
    <!--[if (gt IE 9)|!(IE)]><!--> <body onload="maxWindow();"> <!--<![endif]-->

        <div id="container">
            <header>
                <h1 align="center"><img src="img/BEX_Logo_word.png" /></h1>
            </header>

            <div id="main">
                <div id="date_time">
                    <p id="time"></p>
                    <p id="date"></p>
                </div>
                <table id="beers">
                    <thead>
                        <tr>
							<th width="60" class="procimage"></th>
							<th width="" class="name">Name</th>
                            <th width="150" class="openprice">Open Price</th>
                            <th width="150" class="currprice">Last Price</th>
                            <th width="110" class="change">Change</th>
                            <th width="180" class="stockavailable">Stock Available</th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>

            <footer>

            </footer>
        </div> <!-- end of #container -->

        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
        <script>!window.jQuery && document.write('<script src="js/jquery-1.7.2.min.js"><\/script>')</script>
        <script src="js/jquery.ngclock.0.1.js"></script>
        <script src="js/plugins.js?v=1"></script>
        <script src="js/script.js?v=1"></script>
        <!--[if lt IE 7 ]>
          <script src="js/dd_belatedpng.js?v=1"></script>
        <![endif]-->
        <!--
                <script>
                    var _gaq = [['_setAccount', 'UA-XXXXX-X'], ['_trackPageview']];
                    (function(d, t) {
                        var g = d.createElement(t), s = d.getElementsByTagName(t)[0];
                        g.async = true;
                        g.src = '//www.google-analytics.com/ga.js';
                        s.parentNode.insertBefore(g, s);
                    })(document, 'script');
                </script>
        -->
    </body>
</html>